<template>
	<view>
		<video :src="videoUrl" controls></video>
		<view class="title-view">
			<view class="title">杨国安：企业不同发展周期，如何提升组织力和业绩？</view>
			<view class="time">2025-03-20 17:37:16 | 2999次观看</view>
		</view>
		<view>
			<up-tabs
			:list="tabList"
			@click="tabClick"
			lineColor="#ff4e4e"
			:activeStyle="{ color: '#ff4e4e', fontSize: '30rpx', fontWeight: 'bold' }"
			:inactiveStyle="{ fontSize: '30rpx', fontWeight: 'bold' }"
			></up-tabs>
			<view class="content-parse">
				<up-parse :content="content"></up-parse>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				videoUrl: 'https://example.com/video.mp4',
				tabList: [
					{
						name: '详情'
					},
					{
						name: '评论'
					},
				],
				content: `
					<p>今年中国公司的组织能力发生了哪些变化？管理和业务提升最核心的抓手是什么？优秀公司有哪些经验值得借鉴？如何能持续的成长？</p>
					<p style="margin-top: 20px;">今年中国公司的组织能力发生了哪些变化？管理和业务提升最核心的抓手是什么？优秀公司有哪些经验值得借鉴？如何能持续的成长？</p>
				`
			}
		},
		onLoad(options) {
			let title = options.title
			uni.setNavigationBarTitle({
				title
			})
		},
		methods: {
			tabClick() {}
		}
	}
</script>

<style lang="scss" scoped>
	video {
		width: 100%;
		height: 200px;
	}
	.title-view {
		padding: 30rpx;
		border-bottom: 30rpx solid #E8E8E8;
		.title {
			font-weight: 700;
			font-size: 40rpx;
			line-height: 60rpx;
		}
		.time {
			font-size: 26rpx;
			color: $uni-text-color-grey;
			padding: 30rpx 0;
		}
	}
	.content-parse {
		padding: 30rpx;
		font-size: 13px;
		color: #333333;
		line-height: 25px;
	}
</style>